What is CSS text emphasis?

A string containing one character that will be used as the CSS emphasis symbol You can define the CSS text emphasis color using a name, RGB, RGBA, HEX, HSL or HSLA value. If you don't specify the color, CSS text emphasis will use the color of the text. Tip: to get the value for the exact color tone you need, use the Pickeristic color picker.

What is text-emphasis CSS?

The text-emphasis CSS property applies emphasis marks to text (except spaces and control characters). It is a shorthand for text-emphasis-style and text-emphasis-color. The text-emphasis property is quite different from text-decoration. The text-decoration property does not inherit, and the decoration specified is applied across the whole element.

How does text emphasis work?

It does it by applying special marks to an element’s text. You might think of text emphasis as italic or bold, but that’s not this! With the special markings of text-emphasis, you can draw attention toward textual elements, such as letters and numbers (but not spaces or control characters). This is commonly used in East Asian languages.

What is the difference between text-emphasis and text-decoration?

The text-emphasis property is quite different from text-decoration. The text-decoration property does not inherit, and the decoration specified is applied across the whole element. However, text-emphasis does inherit, which means it is possible to change emphasis marks for descendants.